.app-sider {
  background: #001529;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
}

.sider-header {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #303030;
}

.collapse-trigger {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  transition: background-color 0.3s;
}

.collapse-trigger:hover {
  background-color: #1890ff;
}

.sider-menu {
  border-right: none;
}

.sider-menu .ant-menu-item {
  margin: 4px 8px;
  border-radius: 6px;
}

.sider-menu .ant-menu-item:hover {
  background-color: #1890ff !important;
}

.sider-menu .ant-menu-item-selected {
  background-color: #1890ff !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .app-sider {
    position: fixed;
    height: 100vh;
    z-index: 1000;
  }
}
